<script setup lang="ts">

const props = defineProps({
  data: {
    type: Object,
  },
  imageIds: {
    type: String,
  },
})

interface Option {
  text: string
  value: string
}

const options = ref<Option[]>([
  { text: '对私', value: '01' },
  { text: '对公', value: '02' },
])
</script>

<template>
  <nut-cell-group v-if="props.data" title="结算信息">
    <image-list v-if="imageIds.length > 0" :image-ids="imageIds" />
    <option-select :model-value="props.data.acctType" title="账户类型" readonly :options="options" />
    <nut-cell title="结算账户" :desc="props.data.acctNo" custom-class="custom-cell-value" />
    <nut-cell title="账户名称" :desc="props.data.acctName" />
    <nut-cell title="开户行名称" :desc="props.data.bankName" />
    <nut-cell title="客户经理工号" :desc="props.data.managerNo" />
    <nut-cell title="客户经理名称" :desc="props.data.managerName" />
  </nut-cell-group>
  <nut-skeleton v-else width="250px" height="15px" animated row="3" />
</template>

<style lang="sass" scoped>
.desc
  width: 200px
</style>
